<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sistema</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<style type="text/css">
#logindiv {
    width: 320px;
    padding: 114px 0px 0px;
    margin: auto;
}

.login form{
    margin-left: 8px;
    padding: 26px 24px 46px;
    font-weight: normal;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    border: 1px solid rgb(229, 229, 229);
    box-shadow: 0px 4px 10px -1px rgba(200, 200, 200, 0.7);
}
.submit{
    border-color: rgb(223, 223, 223);
}
.login label {
    color: #777777;
    font-size: 14px;
}
#user, #pass {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #E5E5E5;
    box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
    color: #555555;
    font-size: 24px;
    font-weight: 200;
    line-height: 1;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 3px;
    width: 100%;
}
</style>
<script language="JavaScript">
//iso-8859-1  
  function validar()
  {
      var u=document.getElementById("user").value;
      var p=document.getElementById("pass").value;

      if(u=="")
      {
	  alert("Debe ingresar un usuario");
	  document.getElementById("user").focus();
      }
      else
      {	  if(p=="")
	  {
	      alert("Debe ingresar la contraseña");
	      document.getElementById("pass").focus();
	  }
	  else
	  {   //iniciar(); 
	      document.login.submit();
              
	  }
      }

  }

  function iniciar()
  {
      document.getElementById("user").value="";
      document.getElementById("pass").value="";
      document.getElementById("user").focus();
  }

</script>
</head>
<body onLoad="iniciar()" class="login">
<div id="logindiv"align="center">
  <form id="login" name="login" method="post" action="clogin.php">
      
      <label><a>SISTEMA</a></label><br></br><br></br>
      <p>
          <label for="user_login">
	      Usuario:
              <input type="text" id="user" name="user" autocomplete="off"></input>
          </label>
      </p>
      <p>
          <label for="user_login">
              Password:
                <input type="password" id="pass" name="pass"></input>

          </label>
      </p>
      <p class="submit">
              <input type="button" value="Ingresar" onCLick="return validar()"></input>
      </p>
  </form>
</div>

</body>
</html>
